<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <jsp:include page="includes/script.html"/>
        <title>JSP Page</title>
    </head>
    <body>
        <h2 align="center">Steel Scrap - Stock Data</h2>
<center>
        <form method="get">


            From : <input type="text" value="${start}" name="start" readonly> <img src="images/calendar.gif" onclick="displayDatePicker('start', false, 'ymd', '-');" />&nbsp;
             To : <input type="text" value="${end}" name="end" readonly> <img src="images/calendar.gif" onclick="displayDatePicker('end', false, 'ymd', '-');" />&nbsp;
               <input  type="submit" name="submit" value="View" >

        </form>

        <br>
        ${msg}
        <br>
        <br>


        <table cellpadding="1" cellspacing="1" bgcolor="#010101" width="800" align="center">
            <tr bgcolor="#c2c3c4">
                <td>Date</td>
                <td>Plan Incoming</td>
                <td>Incoming</td>
                <td>Plan Usage</td>
                <td>Usage</td>
                <td>Action</td>
            </tr>

            <c:set var="planincoming" value="0" />
            <c:set var="incoming" value="0" />
            <c:set var="planusage" value="0" />
            <c:set var="usagedata" value="0" />

            <c:forEach items="${data}" var="data">
                <tr bgcolor="#f2f3f4">
                    <td>${data.tanggal}</td>
                    <td><fmt:formatNumber type="number" value="${data.planIncoming}" pattern="#,##,##,##,###" /></td>
                    <td><fmt:formatNumber type="number" value="${data.incoming}" pattern="#,##,##,##,###" /></td>
                    <td><fmt:formatNumber type="number" value="${data.planUsage}" pattern="#,##,##,##,###" /></td>
                    <td><fmt:formatNumber type="number" value="${data.usageData}" pattern="#,##,##,##,###" /></td>

                    <td>
                        <a href="stock-update.htm?id=${data.id}">Edit</a>&nbsp;
                        <a href="view-stock-data.htm?id=${data.id}">Delete</a>&nbsp;
                    </td>

                </tr>
            </c:forEach>
        </table>
        </center>
    </body>
</html>
